<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Template Font end</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>


</head>
<body>
<div id="wapper"  >
	<!--Phần header -->
    <header class="container" >
    	<div class="row">
 			 <div class="col-md-3">
             	<a href="#"><img src="images/logo.gif" alt="" class="img-circle"></a>
             </div>
 			 <div class="col-md-6 boxsearch">
             
                <form method="get" action="index.php" class="navbar-form">
 				<input type="hidden" name="prog" value="product"  >         
            	<input type="text" name="txtkey" id="txtkey" placeholder="Nhập từ khóa cần tìm" >
               <select name="slorder" id="slorder" class="">
                	<option value="1">Tất cả danh mục</option>
                    <option value="2">Thứ tự giảm dần</option>
                    <option value="3">Giá tăng dần</option>
                    <option value="4">Giá giảm dần</option>
                </select>
                <button class=" btn btn-success" type="submit" name="btnsearch" id="btnsearch">Tìm kiếm</button>
            </form>
            
        
             
             </div>
  			<div class="col-md-3 login">
            	<ul>
                	<li> <a class="dangki" data-toggle="modal" data-target="#myModal-form" href="#">Đăng kí</a></li>
                    <li>|</li>
                    <li> <a class="dangnhap" data-toggle="modal" data-target="#myModal-form" href="#">Đăng nhập</a></li>
                    
                </ul>
                
                
                <!-- Đăng kí - đăng nhập -->
                 <div class="modal fade" id="myModal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
                 	<div class="loginuser modal-dialog">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img class="closepop" src="images/close.png" width="30" alt="close"></span><span class="sr-only">Close</span></button>
                          <h4 class="modal-title" id="myModalLabellog">Đăng nhập</h4>
                        </div>
                        <div class="modal-body">
                        
                       	    
                        	<form class="form-signin" action="index.php" method="post" name="frmLogin">
                                <input type="text" class="form-control" placeholder="Username" name="txtemail" required autofocus><br>
                                <input type="password" class="form-control" placeholder="Password" name="pwpass" required><br>
                                <button class="btn btn-lg btn-primary btn-block" name="btnlog" type="submit">
                                Đăng nhập</button>
                                <label class="checkbox pull-left">
                                <input type="checkbox" value="remember-me" name="cbrem" checked>
                                Ghi nhớ
                                </label>
                                <h4><a href="#" class="pull-right need-help">Quên mật khẩu ? </a></h4><span class="clearfix"></span>
                           </form>
                        
                          
                        </div>
                        <div class="modal-footer">
                          	<h4>Bạn chưa có tài khoản ?</h4>
                            <a href="#" class="dangki">
                            <button  type="button" class="btn btn-success">Đăng ký</button>
                            </a>
                          
                        </div>
                      </div>	
                    
                    
                    
                  <div class="regester modal-dialog" >
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"><img class="closepop" src="images/close.png" width="30"></span><span class="sr-only">Close</span></button>
                          <h4 class="modal-title" id="myModalLabel">Đăng ký</h4>
                        </div>
                        <div class="modal-body">
                       		<h4 class="text-danger">Bạn vui lòng nhập thông tin đăng ký !</h4>
                        	<form class="form-signin" action="index.php" method="post" name="frmLogin">
                                <input type="text" class="form-control" placeholder="Họ tên" name="txthoten" required autofocus><br>
                                <input type="text" class="form-control" placeholder="Số điện thoại" name="txtsdt" required><br>
                                <input type="text" class="form-control" placeholder="Email" name="txtemail" required><br>
                                
                                <input type="password" class="form-control" placeholder="Mật khẩu" name="pwpass" required><br>
                                <input type="password" class="form-control" placeholder="Nhập lại mật khẩu" name="repwpass" required><br>
                                <p>
                                	Bằng việc bấm đăng ký bạn đã chấp nhận các <a href="#">điểu khoản</a> và <a href="#">quy định</a> của Muachung
                                 </p>
                                <button class="btn btn-lg btn-primary btn-block" name="btnlog" type="submit">
                                Đăng ký</button>
                                
                                
                                
                           </form>
                        
                          
                        </div>
                        <div class="modal-footer">
                          <a href="#" class="pull-right need-help">Lấy lại mật khẩu </a><br>
                          <a href="#" class="pull-right need-help dangnhap">Đăng nhập</a>
                          
                        </div>
                      </div>
                      </div>
                      <!--	Kết thúc Đăng ký -->       
                
              
            
           </div>
		</div>
    </header>
    <!--Kết thúc header -->
    
    
    <!--Phần menu chính -->
    <nav class="navbar navbar-default " role="navigation" id="main-menu">
    <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Menu</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      
    </div>
    <div class="top-menu collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    
    	<ul class="nav nav-pills" >
           <li><a href="{$lib->config.url}index.php" >Trang chủ</a></li>
           <li ><a href="../index.php" target="_blank" >Du lịch</a> </li>
           <li class="dropdown" ><a href="#" class="dropdown-toggle" data-toggle="dropdown">Ẩm thực <span class="caret"></span></a>
           		<ul class="dropdown-menu">
                	<li><a href="{$lib->config.url}index.php?prog=orders" >Đơn hàng </a></li>
                    <li><a href="{$lib->config.url}index.php?prog=detail-order" >Hỏi đáp </a></li>
                    <li><a href="#" >Tin nhắn  </a></li>
                    <li><a href="#" >Thư từ form liên hệ </a></li>
                </ul>
           </li>
           <li ><a href="" target="_blank" >Thời trang</a> </li>
           
           
        </ul>
        
       
    </div>
    </div>
    </nav>
    <!--Kết thúc menu chính -->
    
    <!--Phần article -->
    <article class="container">
    	<div class="row">
        	<div class="col-md-5">
            <h4>
            	<a href="#"><img src="images/icon-home.png"></a> 
                <img src="images/icon-arrow.png">
                <span class="label sitemap"><a href="#">Trang chủ</a></span>
            </h4>    
            </div>
            <div class="col-md-3">
            	<a href="#">
            	<img src="images/cart.jpg" alt="giỏ hàng" width="50">
                
                <label class="label label-primary">
                	Số sản phẩm của bạn là : 1
                </label>
                </a>
               
            </div>
            <div class="col-md-4">
  				<h4 class="hotline">Hotline : <span>01632 434 165</span></h4>
               	<h5 class="email"><a href="#">Nhận email giảm giá</a>
                 <ul id="email_input">
                	<p class="input-group">
                      <input type="text" class="form-control" placeholder="Nhận email giảm giá">
                      
                      <span class="input-group-btn">
                        <button class="btn btn-success" type="button">Đăng ký</button>
                      </span>
                  </p><!-- /input-group -->
                </ul>
                </h5>
                
               
                
            </div>
            
          </div>
          <div class="row adv">
          	<img src="images/adv.jpg" alt="" class="img-responsive" >
          </div>
    </article>
    <!--Kết thúc article -->
    <!--Phần main của website ... Phần thay đổi của website -->
    <div class="container" id="main">

    <!--Phần danh sách sản phẩm trong thẻ list product -->
    <div class="container" style="margin:50px 0px">
    <h3 class="danhmuc" style="float:left">Giỏ hàng của bạn</h3>
    <div class="row">
        <div class="col-sm-12 col-md-10 col-md-offset-1">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th>Sản phẩm</th>
                        <th>Số lượng</th>
                        <th class="text-center">Giá</th>
                        <th class="text-center">Tổng</th>
                        <th> </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="col-sm-8 col-md-6">
                        <div class="media">
                            <a class="thumbnail pull-left" href="#"> <img class="media-object" src="uploads/pro1.jpg" style="width: 72px; height: 72px;"> </a>
                            <div class="media-body">
                                <h4 class="media-heading"><a href="#">Product name</a></h4>
                                <h5 class="media-heading"> by <a href="#">Brand name</a></h5>
                                <span>Status: </span><span class="text-success"><strong>In Stock</strong></span>
                            </div>
                        </div></td>
                        <td class="col-sm-1 col-md-1" style="text-align: center">
                        <input type="email" class="form-control" id="exampleInputEmail1" value="3">
                        </td>
                        <td class="col-sm-1 col-md-1 text-center"><strong>$4.87</strong></td>
                        <td class="col-sm-1 col-md-1 text-center"><strong>$14.61</strong></td>
                        <td class="col-sm-1 col-md-1">
                        <button type="button" class="btn btn-danger">
                            <span class="glyphicon glyphicon-remove"></span> Xoá
                        </button></td>
                    </tr>
                    <tr>
                        <td class="col-md-6">
                        <div class="media">
                            <a class="thumbnail pull-left" href="#"> <img class="media-object" src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/72/product-icon.png" style="width: 72px; height: 72px;"> </a>
                            <div class="media-body">
                                <h4 class="media-heading"><a href="#">Product name</a></h4>
                                <h5 class="media-heading"> by <a href="#">Brand name</a></h5>
                                <span>Status: </span><span class="text-warning"><strong>Leaves warehouse in 2 - 3 weeks</strong></span>
                            </div>
                        </div></td>
                        <td class="col-md-1" style="text-align: center">
                        <input type="email" class="form-control" id="exampleInputEmail1" value="2">
                        </td>
                        <td class="col-md-1 text-center"><strong>$4.99</strong></td>
                        <td class="col-md-1 text-center"><strong>$9.98</strong></td>
                        <td class="col-md-1">
                        <button type="button" class="btn btn-danger">
                            <span class="glyphicon glyphicon-remove"></span> Xoá
                        </button></td>
                    </tr>
                  
                    <tr>
                        <td>   </td>
                        <td>   </td>
                        <td>   </td>
                        <td><h3>Tổng tiền</h3></td>
                        <td class="text-right"><h3><strong>$31.53</strong></h3></td>
                    </tr>
                    <tr>
                        <td>   </td>
                        <td>   </td>
                        <td>   </td>
                        <td>
                        <button type="button" class="btn btn-default">
                            <span class="glyphicon glyphicon-shopping-cart"></span> Mua thêm sản phẩm
                        </button></td>
                        <td>
                        <button type="button" class="btn btn-success">
                            Thanh toán <span class="glyphicon glyphicon-play"></span>
                        </button></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
        
            
            
         
        
   
    <!--Kết thúc list product -->
    

    </div>
    <!--Kết thúc Phần main của website ... Phần thay đổi của website -->
    
    
    
    <!--Phần footer -->
    <footer class="well">
    <div  class="container bg-primary">
    		<!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  Giới thiệu <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
    		<!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  Liên Hệ <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              <!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  Hỗ trợ khách hàng <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              <!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  Thường được tìm kiếm <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
              <!-- Single button -->
              <div class="btn-group bottom-nav">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                  Liên kết <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </div>
    </div>
    
    
    <div  class="container " >
    <div class="row-offset-1 boxfot">
    	<div  class="col-lg-6 leftfot"><a href="#"><h2 class="text-success">Muachung.vn</h2></a>
            <p class="text-info">- Mua sản phẩm đảm bảo xuất sứ, chất lượng</p>
            <p class="text-info">- Bán đúng giá niêm yết nơi sản xuất</p>
            <p class="text-info">- Phục vụ tận tình, chu đáo</p>
            <p class="text-info">- Chính sách hậu mãi đến khách hàng</p>
        </div>
        <div class="col-lg-4 rightfot">
        	<h3 class="text-danger">Muachung Hà Nội</h3>
            <p class="text-info">Địa chỉ: 1001 tòa nhà RESCO3D khu đô thị Cổ Nhuế, Từ Liêm, Hà Nội</p>
            <p class="text-info">Điện thoại: 043.752.4351 / 043.994.0259 / 0988 609 664</p>
            <p class="text-info">Email: kinhdoanh@muachung.vn / hotro@muachung.vn</p>
        </div>
    </div>
    </div>
    </footer><!--Kết thúc footer -->
</div>


<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/popover.js"></script>
<script src="js/alert.js"></script>
<script src="js/affix.js"></script>
<script src="js/button.js"></script>
<script src="js/carousel.js"></script>
<script src="js/collapse.js"></script>
<script src="js/dropdown.js"></script>
<script src="js/modal.js"></script>
<script src="js/scrollspy.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/tab.js"></script>
<script src="js/transition.js"></script>
<script>
	$(document).ready(function(e) {
		
       	$('img.closepop').click(function(e) {
           
			$('.regester').css('display','none');
			$('.loginuser').css('display','none');
	
			
        });
		$('a.dangki').click(function(e) {
            
			$('.regester').css('display','block');
			$('.loginuser').css('display','none');
			
			
        });
		$('a.dangnhap').click(function(e) {
          
			$('.loginuser').css('display','block');
			$('.regester').css('display','none');
			
			
        });
		
		var _scrollTop;
		$(window).scroll(function () {
        _scrollTop = $(window).scrollTop();
        if(_scrollTop>50) 
		{
			$('#main-menu').css('position','fixed');
			$('#main-menu').css('top','0');
		}
		 if(_scrollTop<50) 
		{
			$('#main-menu').css('position','relative');
		}
    });
		
    });
</script>
</body>
</html>
